@charset "utf-8";

/* CSS Document */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
span,
button,
font {
    padding: 0;
    margin: 0;
    outline: none;
    font-family: "微软雅黑", Arial, Helvetica, sans-serif;
}

i {
    font-style: normal
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: none;
    min-width: 320px;
    margin: 0 auto;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

fieldset,
img {
    border: 0;
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}

ol,
ul,
li,
dl,
dt,
dd {
    list-style: none;
}

input,
button,
textarea,
checkbox,
select,
radio,
form {
    vertical-align: top;
}

a {
    color: #000;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

a:link,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.clear {
    clear: both;
}

textarea {
    -webkit-appearance: none;
}

button {
    -webkit-appearance: none;
}

@media screen and (min-width:320px) {
    html {
        font-size: 90%;
    }
}

@media screen and (min-width:400px) {
    html {
        font-size: 90%
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 97.5%
    }
}

@media screen and (min-width:560px) {
    html {
        font-size: 100%
    }
}

@media screen and (min-width:600px) {
    html {
        font-size: 112.5%
    }
}

@media screen and (min-width:640px) {
    html {
        font-size: 100%
    }
}


/*清除浮动*/

.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0
}

.clearfix {
    *zoom: 1
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

@font-face {
    font-family: 'iconfont';
    src: url('iconfont.eot');
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff2') format('woff2'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* 公共样式 */


/* 手机菜单栏 */

.phone_list_nav .phone_btn {
    position: absolute;
    right: 10px;
    top: 1.0rem;
    z-index: 9999;
}

.phone_list_nav_copy .phone_btn {
    top: 9% !important;
}

.phone_list_nav .phone_btn .btn span {
    display: block;
    width: 40px;
    height: 2px;
    background-color: #a18445;
    margin: 10px 0;
}

.phone_btn button {
    background-color: transparent;
    border: none;
}

.phone_list_nav {
    display: none;
}

.header {
    width: 100%;
    background-color: #fff;
    padding: 1rem 0;
    border-bottom: 1px solid #e5e5e5;
}

.header_con {
    max-width: 1400px;
    width: 98%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.header_left_tips {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 2rem;
}

.header_left_tips p {
    font-size: 0.8rem;
    color: #575a70;
}

.header_left_tips span {
    font-size: 0.8rem;
    color: #999;
}

.header_right p {
    font-size: 0.8rem;
    color: #999;
}

.header_right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header_right i {
    color: #999;
    font-size: 0.8rem;
    margin-right: 0.5rem;
}

.header_left_tips b {
    font-weight: normal;
    color: #999;
    margin-left: 0.5rem;
}

.header_left_tips i {
    font-size: 0.8rem;
    color: #575a70;
    margin: 0 0.3rem;
}

.nav {
    width: 100%;
    padding: 2rem 0;
}

.nav_con {
    max-width: 1400px;
    width: 98%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search {
    width: 35%;
    height: 3rem;
    line-height: 3rem;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    border-radius: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.search input {
    border: none;
    outline: none;
    background: none;
    display: block;
    flex: 1;
    padding-left: 1rem;
    font-size: 0.8rem;
    color: #333;
}

.search button {
    background-color: #a66b42;
    font-size: 1.5rem;
    color: #fff;
    width: 15%;
    text-align: center;
    display: block;
    border: none;
    outline: none;
    height: 3rem;
    line-height: 3rem;
    cursor: pointer;
}

.telphone {
    display: flex;
    justify-content: center;
    align-items: center;
}

.telphone i {
    font-size: 2.5rem;
    color: #a66b42;
}

.telphone span {
    font-size: 1.5rem;
    color: #a66b42;
    display: block;
    margin-left: 0.8rem;
}

.navlist {
    width: 100%;
    background-color: #575757;
}

.navlist_con {
    max-width: 1400px;
    width: 98%;
    margin: 0 auto;
}

.navlist_con ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.navlist_con li a {
    font-size: 1rem;
    color: #fff;
    padding: 0 1rem;
    height: 3rem;
    display: block;
    line-height: 3rem;
}

.navlist_con li:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

.navlist_current {
    background-color: rgba(255, 255, 255, 0.3);
}

.footer {
    width: 100%;
    background-color: #2b2e33;
    padding: 3rem 0;
}

.footer_con {
    max-width: 1400px;
    width: 98%;
    margin: 0 auto;
}

.copyrights {
    width: 100%;
    background-color: #15171a;
    padding: 1rem 0;
}

.copyrights_con {
    max-width: 1400px;
    width: 98%;
    margin: 0 auto;
}

.copyrights_con p {
    font-size: 1rem;
    color: #fff;
}

.link {
    margin-top: 2.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.link p {
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
}

.link a {
    font-size: 0.8rem;
    color: #939599;
    margin: 0.5rem 1rem 0.5rem 0;
}

.footer_main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer_phone p {
    font-size: 1rem;
    color: #fff;
}

.footer_phone span {
    font-size: 1.5rem;
    color: #fff;
    display: block;
    margin: 0.8rem 0 1rem 0;
}

.footer_phone {
    padding-left: 3rem;
    border-left: 1px solid #56595f;
}

.footer_button {
    width: 8rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    border-radius: 35px;
    background-color: #2433e4;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer_button h4 {
    font-size: 0.8rem;
    color: #fff;
    margin-left: 0.3rem;
}

.footer_nav span {
    font-size: 1rem;
    display: block;
    color: #fff;
    margin-bottom: 1.5rem;
    font-weight: bold;
}

.footer_nav_ul ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.footer_nav_ul li {
    width: 48%;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.footer_nav_ul li a {
    font-size: 0.8rem;
    color: #ccc;
}

.footer_way span {
    font-size: 1rem;
    display: block;
    color: #fff;
    margin-bottom: 1.5rem;
    font-weight: bold;
}

.footer_way h4 {
    color: #ccc;
    font-size: 0.8rem;
}

.footer_way p {
    color: #ccc;
    font-size: 0.8rem;
}

.footer_way div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0.8rem 0;
}

.ma {
    width: 8rem;
    height: 8rem;
    overflow: hidden;
    margin: 1rem 0;
}

.ma img {
    width: 100%;
    vertical-align: middle;
}

.footer_nav {
    width: 15%;
    overflow: hidden;
}

.footer_button i {
    font-size: 0.8rem;
    color: #fff !important;
    margin-right: 0.3rem;
}

.footer_way i {
    margin-right: 0.5rem;
    color: #ccc;
}

.smallnav {
    padding: 1.5rem 0;
    width: 100%;
}

.smallnav_con {
    max-width: 1400px;
    width: 98%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.smallnav_con i {
    color: #333;
    font-size: 1rem
}

.smallnav_con p {
    font-size: 1rem;
    color: #333;
    margin-left: 0.5rem;
}

.smallnav_con a {
    font-size: 1rem;
    color: #333;
    margin: 0 0.5rem;
}

.smallnav_con a:hover {
    color: #a66b42;
}

.smallcur {
    color: #a66b42 !important;
}

.new {
    width: 100%;
    padding: 1.5rem 0 3rem 0;
}

.new_con {
    max-width: 1400px;
    width: 98%;
    margin: 0 auto;
}

.new_center {
    margin: 3rem 0;
}

.new_top {
    display: flex;
    justify-content: space-between;
}

.new_top_left {
    width: 48%;
    overflow: hidden;
    position: relative;
}

.new_top_right {
    width: 48%;
    overflow: hidden;
}

.new_top_left:hover a h3 {
    color: #a66b42;
}

.new_top_left_img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 68%;
    display: block;
}
.pro_tablist_list:nth-child(n+2){
    display:none;
}

.new_top_left_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.new_top_left_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0;
}

.new_top_left_title a {
    flex: 1;
}

.new_top_left_title a h3 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.new_top_left_title h4 {
    font-size: 0.8rem;
    color: #333;
}

.new_top_left_text p {
    font-size: 1rem;
    line-height: 1.8rem;
    color: #333;
    text-indent: 2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.new_top_right_title {
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.new_top_right_more {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: all 0.3s;
}

.new_top_right_more p {
    font-size: 1rem;
    color: #333;
    margin-right: 0.5rem;
    font-weight: bold;
}

.new_top_right_more i {
    font-size: 1rem;
    color: #333;
    font-weight: bold;
}

.new_top_right_title h3 {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}

.new_top_right_more:hover p {
    color: #a66b42;
    transition: all 0.3s;
}

.new_top_right_more:hover i {
    color: #a66b42;
    transition: all 0.3s;
}

.new_top_right_list li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
}

.new_top_right_list li span {
    padding: 0.4rem 0.8rem;
    background-color: #152e70;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    display: block;
    font-weight: bold;
    margin-right: 1rem;
}

.new_top_right_list_box {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.new_top_right_list_img {
    width: 32%;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 17%;
}

.new_top_right_list_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.new_top_right_list_text {
    width: 65%;
    overflow: hidden;
}

.new_top_right_list li:hover a h3 {
    color: #a66b42;
}

.new_top_right_list_text a h3 {
    font-size: 1.25rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.new_top_right_list_text p {
    font-size: 1rem;
    color: #333;
    line-height: 1.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.new_center_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.new_center_title h3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
    padding-left: 1rem;
    border-left: 8px solid #152e70;
}

.new_center_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.new_center_list ul::after {
    content: "";
    width: 32%;
}

.new_center_list li {
    width: 32%;
    overflow: hidden;
    position: relative;
}

.new_center_list li:hover a h3 {
    color: #a66b42;
}

.new_center_list_img {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: block;
    height: 0;
    padding-top: 54%;
}

.new_center_list_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.new_center_list_text a h3 {
    font-size: 1.25rem;
    color: #333;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-weight: bold;
    margin-top: 1rem;
}

.new_center_list_text p {
    font-size: 1rem;
    color: #333;
    line-height: 1.8rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.new_bottom_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.new_bottom_list ul::after {
    content: "";
    width: 48%;
}

.new_bottom_list li {
    width: 48%;
    overflow: hidden;
    margin-bottom: 2rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.new_bottom_list_img {
    width: 32%;
    height: 0;
    position: relative;
    overflow: hidden;
    display: block;
    padding-top: 28%;
}

.new_bottom_list li:hover a h3 {
    color: #a66b42;
    transition: all 0.3s;
}

.new_bottom_list_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.new_bottom_list_text {
    width: 65%;
    overflow: hidden;
}

.new_bottom_list_text a h3 {
    font-size: 1.25rem;
    color: #333;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: all 0.3s;
}

.new_bottom_list_text span {
    font-size: 0.8rem;
    color: #999;
    display: block;
    margin: 0.5rem 0;
}

.new_bottom_list_text p {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #333;
    display: -webkit-box;
    text-indent: 2em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.header_right:hover i {
    color: #a66b42;
    transition: all 0.3s;
}

.header_right:hover p {
    color: #a66b42;
    transition: all 0.3s;
}

.header_left_tips:hover i {
    color: #a66b42;
    transition: all 0.3s;
}

.header_left_tips:hover p {
    color: #a66b42;
    transition: all 0.3s;
}

.header_left_tips:hover span {
    color: #a66b42;
    transition: all 0.3s;
}

.header_left_tips:hover b {
    color: #a66b42;
    transition: all 0.3s;
}

.smallnav_box {
    width: 100%;
    background-color: #f7f8fa;
    padding: 1.5rem 0;
}

.main {
    width: 100%;
    background-color: #f7f8fa;
    padding: 1.5rem 0 3rem 0;
}

.main_con {
    max-width: 1400px;
    width: 98%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.main_left {
    width: 67%;
    overflow: hidden;
}

.main_right {
    width: 30%;
    overflow: hidden;
}

.main_left_main {
    background-color: #fff;
    padding: 2rem;
}

.main_left_box li {
    padding-bottom: 1.5rem;
    border-bottom: 1px dashed #e5e5e5;
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}

.main_left_box li:hover a h3 {
    color: #a66b42;
}

.main_left_box_img {
    width: 30%;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 23%;
}

.main_left_box_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.main_left_box_text {
    width: 67%;
    overflow: hidden;
}

.main_left_box_text a h3 {
    font-size: 1.25rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 0.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: all 0.3s;
}

.main_left_box_text p {
    font-size: 1rem;
    line-height: 1.6rem;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-indent: 2em;
}

.main_left_box_text_more {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 1rem;
}

.main_left_box_text_more span {
    font-size: 0.8rem;
    color: #999;
    margin-right: 0.5rem;
}

.main_left_box_text_more i {
    font-size: 0.6rem;
    color: #999;
}

.main_left_box_text_more:hover span {
    color: #a66b42;
    transition: all 0.3s;
}

.main_left_box_text_more:hover i {
    color: #a66b42;
    transition: all 0.3s;
}

.yema {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.yema ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 3rem;
}

.yema p {
    font-size: 1rem;
    color: #333;
    letter-spacing: 3px;
}

.yema li {
    margin: 0.5rem 1rem;
}

.yema li a {
    padding: 0.5rem 1rem;
    background-color: #fff;
    border-radius: 0.3rem;
    text-align: center;
    font-size: 1rem;
    color: #333;
    transition: all 0.3s;
}

.yema li:hover a {
    background-color: #152e70;
    box-shadow: 3px 3px 10px rgba(21, 64, 121, 0.2);
    color: #fff;
    transition: all 0.3s;
}

.yemacurrent a {
    background-color: #152e70 !important;
    box-shadow: 3px 3px 10px rgba(21, 64, 121, 0.2);
    color: #fff !important;
}

.main_right_center {
    margin: 2rem 0;
}

.main_right_top {
    padding: 1.5rem 2rem;
    background-color: #fff;
}

.main_right_top h3 {
    color: #0a0e33;
    font-size: 1.5rem;
    font-weight: bold;
    margin-left: -2rem;
    padding-left: 1.5rem;
    border-left: 4px solid #152e70;
    margin-bottom: 1.5rem;
}

.repeat li {
    margin: 1rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}

.repeat li:hover a h4 {
    color: #bf7c2b;
    transition: all 0.3s;
}

.repeat_img {
    width: 32%;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 28%;
}

.repeat_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.repeat_text {
    width: 64%;
    overflow: hidden;
}

.repeat_text a h4 {
    font-size: 1rem;
    color: #0a0e33;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-bottom: 0.4rem;
}

.repeat_text p {
    font-size: 0.8rem;
    color: #8d8e99;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin: 0.3rem 0;
}

.repeat_span {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.3rem;
    flex-wrap: wrap;
}

.repeat_span span {
    padding: 0.2rem 0.4rem;
    border-radius: 0.2rem;
    background-color: #bf7c2b;
    display: block;
    font-size: 0.8rem;
    color: #fff;
    margin-right: 1rem;
}

.repeat_span b {
    padding: 0.2rem 0.4rem;
    border-radius: 0.2rem;
    background-color: #152e70;
    display: block;
    font-size: 0.8rem;
    color: #fff;
}

.main_right_center h3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #bf7c2b;
    margin-bottom: 1rem;
}

.main_right_center_box {
    padding: 1rem 2rem;
    background-color: #f4f2f5;
}

.main_right_center_input {
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    background-color: #fff;
    border-radius: 0.3rem;
    overflow: hidden;
}

.main_right_center_input span {
    width: 20%;
    background-color: #bf7c2b;
    display: block;
    text-align: center;
    font-size: 1rem;
    color: #fff;
}

.main_right_center_input input {
    border: none;
    outline: none;
    background: none;
    flex: 1;
    padding-left: 1.5rem;
}

.main_right_center button {
    border: none;
    outline: none;
    background-color: #000;
    text-align: center;
    width: 100%;
    font-weight: bold;
    height: 3rem;
    line-height: 3rem;
    border-radius: 0.3rem;
    font-size: 1rem;
    color: #fff;
    cursor: pointer;
}

.main_right_bottom {
    padding: 2rem;
    background-color: #fff;
}

.main_right_bottom h3 {
    color: #0a0e33;
    font-size: 1.5rem;
    font-weight: bold;
    margin-left: -2rem;
    padding-left: 1.5rem;
    border-left: 4px solid #152e70;
    margin-bottom: 1.5rem;
}

.main_right_bottom_list li {
    margin: 1rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}

.main_right_bottom_list li:hover a h4 {
    color: #bf7c2b;
    transition: all 0.3s;
}

.main_right_bottom_img {
    position: relative;
    width: 30%;
    overflow: hidden;
    height: 0;
    padding-top: 25%;
}

.main_right_bottom_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.main_right_bottom_text {
    width: 67%;
    overflow: hidden;
}

.main_right_bottom_text a h4 {
    font-size: 1.125rem;
    color: #0a0e33;
    font-weight: bold;
    margin-bottom: 0.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.main_right_bottom_text p {
    font-size: 0.8rem;
    color: #333;
    line-height: 1.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.main_right_bottom_text span {
    font-size: 0.8rem;
    color: #999;
    display: block;
    margin-top: 0.5rem;
}

.main_left_city {
    background-color: #fff;
    padding: 1rem 2rem;
    margin-bottom: 2rem;
}

.main_left_city_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.main_left_city_box p {
    font-size: 1rem;
    color: #0a0e33;
}

.main_left_city_box span {
    font-size: 1rem;
    color: #2433e4;
    display: block;
    margin: 0 1rem;
}

.main_left_city_box i {
    color: #0a0e33;
    font-size: 1.2rem;
    margin-left: 0.3rem;
}

.main_left_city_box a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: all 0.3s;
}

.main_left_city_box a:hover p {
    color: #bf7c2b;
    transition: all 0.3s;
}

.main_left_city_box a:hover i {
    color: #bf7c2b;
    transition: all 0.3s;
}

.content {
    padding: 2rem;
    background-color: #fff;
}
.ta_top_box_a
{
    font-size:1rem;
    color:#333;
   
    display:block;
}
.ta_top_box {
    margin-left: 3rem;
}
.ta_top_box_a:hover {
    color: #bf7c2b !important;
}
.content_con .content_title {
    text-align: center;
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.content_con h5 {
    font-size: 0.8rem;
    color: #999;
    margin: 0 auto 1rem auto;
    text-align: center;
}

.lead {
    background-color: #fafafa;
    padding: 1rem;
    margin-bottom: 1rem;
}

.lead span {
    font-size: 0.8rem;
    line-height: 1.6rem;
    color: #333;
}

.content_con .content_time {
    font-size: 0.8rem;
    color: #666;
    text-align: center;
    /*line-height: 1.8rem;
    text-indent: 2em;*/
}
.content_con  p{
    font-size:1rem;
    color:#333;
    line-height:1.8rem;
    /*text-indent:2em;*/
}
.content_con img {
    display: block;
    margin: 1rem auto;
    max-width: 100%;
    vertical-align: middle;
    text-align: center;
}

.fanye {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
}

    .fanye p {
        margin: 0.8rem 0;
        font-size: 1rem;
        color: #333;
        transition: all 0.3s;
    }


        .fanye a:hover {
            color: #bf7c2b;
            transition: all 0.3s;
        }

.hot {
    padding: 2rem;
    background-color: #fff;
    margin-top: 2rem;
}

.hot h3 {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 1rem;
}

.hot_box {
    margin-bottom: 1.5rem;
}

.hot_box ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.hot_box li {
    width: 49%;
    overflow: hidden;
    background-color: #f3f3f3;
}

.hot_box_li {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.hot_box li:hover a h4 {
    color: #bf7c2b;
}

.hot_box_img {
    width: 30%;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 29%;
}

.hot_box_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.hot_box_text {
    width: 67%;
    overflow: hidden;
}

.hot_box_text a h4 {
    font-size: 1.125rem;
    color: #333;
    margin-bottom: 0.5rem;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.hot_box_text p {
    font-size: 0.8rem;
    color: #666;
    line-height: 1.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.hot_list ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.hot_list li {
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 49%;
    overflow: hidden;
    transition: all 0.3s;
}

.hot_list li:hover a p {
    color: #bf7c2b;
    transition: all 0.3s;
}

.hot_list li:hover span {
    background-color: #bf7c2b;
    transition: all 0.3s;
}

.hot_list span {
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background-color: #152e70;
    margin-right: 0.8rem;
    transition: all 0.3s;
}

.hot_list a {
    flex: 1;
}

.hot_list p {
    font-size: 1rem;
    color: #111;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: all 0.3s;
}

.main_right_copy {
    padding: 2rem;
    background-color: #fff;
}

.main_right_copy h3 {
    color: #0a0e33;
    font-size: 1.5rem;
    font-weight: bold;
    margin-left: -2rem;
    padding-left: 1.5rem;
    border-left: 4px solid #152e70;
    margin-bottom: 1.5rem;
}

.main_right_copy_list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0;
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}

.main_right_copy_list li:hover a h4 {
    color: #bf7c2b;
    transition: all 0.3s;
}

.main_right_copy_img {
    width: 30%;
    overflow: hidden;
}

.main_right_copy_img img {
    width: 100%;
    vertical-align: middle;
}

.main_right_copy_text {
    width: 65%;
    overflow: hidden;
}

.main_right_copy_text a h4 {
    font-size: 1rem;
    color: #0a0e33;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.main_right_copy_tag {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.8rem;
}

.main_right_copy_tag div {
    display: flex;
    justify-items: flex-start;
    align-items: center;
    margin-right: 0.8rem;
    margin-bottom: 0.2rem;
}

.main_right_copy_tag p {
    font-size: 0.8rem;
    color: #999;
}

.look {
    padding: 2rem;
    margin-bottom: 2rem;
    background-color: #fff;
}

    .look .look_h4 {
        font-size: 1.125rem;
        color: #0a0e33;
        font-weight: bold;
        margin-top: 1rem;
    }

.look_con {
    padding: 2rem;
    background: url(../images/img13.jpg) no-repeat 50% 50%;
    background-size: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .look_con .look_h3 {
        font-size: 2rem;
        color: #fff;
        font-weight: bold;
        margin: 0.3rem 0;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
        text-align: center;
    }

.look_con span {
    font-family: "impact";
    color: #fff;
    font-size: 2.3rem;
    display: block;
    margin-top: 0.3rem;
    text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

.ji {
    padding: 2rem;
    background-color: #fff;
}

.ji_list li {
    position: relative;
    overflow: hidden;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
    border-bottom: 1px dashed #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s;
}

.ji_list li:hover a h4 {
    color: #bf7c2b;
    transition: all 0.3s;
}

.ji_list h5 {
    font-size: 1.5rem;
    color: #0a0e33;
    margin-bottom: 1.5rem;
}

.ji_list_img {
    width: 27%;
    overflow: hidden;
    border-radius: 0.3rem;
    position: relative;
    height: 0;
    padding-top: 27%;
}

.ji_list_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.ji_list_text {
    width: 70%;
    overflow: hidden;
}

.ji_title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1rem;
}

.ji_title h4 {
    font-size: 1.4rem;
    color: #0a0e33;
    font-weight: bold;
    margin-right: 1rem;
    flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: all 0.3s;
}

.ji_title h6 {
    font-size: 1rem;
    color: #0a0e33;
    font-weight: bold;
}

.ji_p {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.ji_p span {
    display: block;
    width: 0.3rem;
    height: 1rem;
    background-color: #2433e4;
    margin-right: 0.5rem;
    margin-top: 0.4rem;
}

.ji_p p {
    font-size: 1rem;
    color: #666;
    line-height: 1.7rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ji_list .main_right_copy_tag div {
    margin-right: 1.5rem;
}

.ji_btn {
    width: 25%;
    height: 2.5rem;
    line-height: 2.5rem;
    margin: 1rem 0 0 auto;
    border-radius: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #152e70;
    font-size: 1rem;
    color: #fff;
    transition: all 0.3s;
}

.ji_btn:hover {
    background-color: #bf7c2b;
    transition: all 0.3s;
}

.ji_btn i {
    color: #fff;
    margin-right: 0.5rem;
}

.main_right_copy_tag i {
    color: #999;
    margin-right: 0.5rem;
}

.brand {
    max-width: 1400px;
    width: 98%;
    margin: 0 auto 2rem auto;
}

.brandnews {
    padding: 2rem;
    background-color: #fff;
}

.brandnews_title {
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px dashed #e5e5e5;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.brandnews_title h3 {
    font-size: 1.8rem;
    color: #0a0e33;
    font-weight: bold;
    margin-right: 1rem;
}

.brandnews_title p {
    text-transform: uppercase;
    font-size: 1.125rem;
    color: #0a0e33;
    font-weight: bold;
}

.brandnews_list li {
    margin-bottom: 3rem;
    transition: all 0.3s;
}

.brandnews_list li a h5 {
    font-size: 1.25rem;
    color: #0a0e33;
    font-weight: bold;
    margin-bottom: 1rem;
    transition: all 0.3s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.brandnews_list li:hover a h5 {
    color: #bf7c2b;
    transition: all 0.3s;
}

.brandnews_list p {
    font-size: 1rem;
    line-height: 1.8rem;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-indent: 2em;
}

.brandnews_span {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem;
    background-color: #f7f8fa;
    margin-top: 1.5rem;
}

.brandnews_span span {
    font-size: 0.8rem;
    color: #999;
    margin-right: 1.5rem;
    display: block;
}

.brand_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 2rem;
}

.brand_img {
    width: 15%;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 12%;
}

.brand_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.brand_text {
    width: 83%;
    overflow: hidden;
}

.brand_text h4 {
    font-size: 1.5rem;
    color: #0b183c;
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-weight: bold;
}

.brand_text p {
    font-size: 1rem;
    color: #333;
    line-height: 1.7rem;
    text-indent: 2em;
}

.brand_back {
    background: url(../images/img16.jpg) no-repeat 50% 50%;
    background-size: 100%;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.brand_back p {
    text-align: center;
    margin: 0 auto;
    font-size: 4rem;
    color: #fff;
    text-shadow: 6px 6px rgba(0, 0, 0, 0.5);
}

.gu {
    padding: 2rem;
    background-color: #fff;
}

.gu_list li {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px dashed #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}

.gu_img {
    width: 30%;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 17%;
}

.gu_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.gu_list li:hover a h4 {
    color: #bf7c2b;
    transition: all 0.3s;
}

.gu_text {
    width: 67%;
    overflow: hidden;
}

.gu_title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1rem;
}

.gu_title a h4 {
    font-size: 1.25rem;
    color: #0a0e33;
    font-weight: bold;
    margin-right: 1rem;
    transition: all 0.3s;
    flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.gu_title span {
    padding: 0.4rem 1rem;
    border-radius: 0.3rem;
    background-color: #bf7c2b;
    font-size: 0.8rem;
    color: #fff;
    display: block;
    text-align: center;
}

.gu_span {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.gu_span span {
    display: block;
    padding: 0.3rem 1rem;
    font-size: 0.8rem;
    color: #333;
    text-align: center;
    background-color: #f5f7fa;
    margin: 0 1rem 0.3rem 0;
}

.cate {
    background-color: #fff;
    margin: 0 auto 2rem auto;
    max-width: 1400px;
    width: 98%;
}

.cate_box {
    padding: 2rem;
}

.cate_box h3 {
    padding-bottom: 2rem;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    color: #0a0e33;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
}

.cate_list ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.cate_list li a {
    padding: 0.4rem 1.5rem;
    background-color: #f5f7fa;
    display: block;
    border-radius: 35px;
    margin: 0 1.5rem 1.5rem 0;
    font-size: 1rem;
    color: #0a0e33;
    text-align: center;
    transition: all 0.3s;
}

.cate_list li:hover a {
    background-color: #bf7c2b;
    color: #fff;
    transition: all 0.3s;
}

.catecurrent a {
    background-color: #bf7c2b !important;
    color: #fff !important;
}
.pinpai_banner{display:none}
.logo_pc{display:block}
    .logo_move{ display:none;}
    .smallnav_copy {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.smallnav_consss {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.shop_top {
    background-color: #fff;
    padding: 2rem;
}

.shop_bottom {
    padding: 2rem;
    background-color: #fff;
    margin-top: 2rem;
}

.shop_bottom_list li {
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
    border-bottom: 1px dashed #e5e5e5;
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}

.shop_bottom_list li:hover a h4 {
    color: #bf7c2b;
    transition: all 0.3s;
}

.shop_bottom_title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1rem;
}

.shop_bottom_title .repeat_span {
    margin-top: 0.3rem;
}

.shop_bottom_title a h4 {
    font-size: 1.25rem;
    color: #0a0e33;
    font-weight: bold;
    margin-right: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: all 0.3s;
}

.shop_main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.shop_img {
    width: 32%;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 17%;
}

.shop_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.shop_text {
    width: 65%;
    overflow: hidden;
}

.shop_text div {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0.5rem 0;
}

.shop_text span {
    font-size: 1rem;
    color: #666;
    font-weight: bold;
}

.shop_text p {
    flex: 1;
    font-size: 0.8rem;
    color: #666;
}

.shop_top_title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1.5rem;
}

.shop_top_title h3 {
    font-size: 1.5rem;
    color: #16427e;
    margin-right: 1rem;
}

.shop_top_title h4 {
    font-size: 1.5rem;
    color: #9596a0;
}

.shop_top_main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.shop_top_main_img {
    width: 28%;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 25%;
    border-radius: 1rem;
}

.shop_top_main_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.shop_top_main_text {
    width: 68%;
    overflow: hidden;
}

.shop_bottom_title {
    flex-wrap: wrap;
}

.shop_top_main_text_title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.shop_top_main_text_title a h4 {
    font-size: 1.25rem;
    color: #0a0e33;
    font-weight: bold;
    margin-right: 1rem;
}

.shop_top_main_text_title .repeat_span {
    margin-top: 0.3rem;
}

.shop_top_main_text p {
    font-size: 0.8rem;
    color: #8d8e99;
    line-height: 1.4rem;
    margin: 0.4rem 0;
}

.shop_top_main_text h5 {
    font-size: 1.25rem;
    color: #8d8e99;
    margin-top: 0.8rem;
}

.shop_top_main .repeat_span span,
.shop_top_main .repeat_span b {
    background-color: #e5e5e5;
    color: #333;
    font-weight: normal;
}

.shop_button {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 1rem;
}

.shop_button_online {
    display: block;
    padding: 0.6rem 1.5rem;
    background-color: #ff9600;
    border-radius: 0.3rem;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    margin-right: 1.5rem;
}

.shop_button_tel {
    display: block;
    padding: 0.6rem 1.5rem;
    background-color: #152e70;
    border-radius: 0.3rem;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    margin-right: 1.5rem;
}

.ser {
    padding: 2rem;
    background-color: #fff;
}

.ser h3 {
    color: #0a0e33;
    font-size: 1.5rem;
    font-weight: bold;
    margin-left: -2rem;
    padding-left: 1.5rem;
    border-left: 4px solid #152e70;
    margin-bottom: 1.5rem;
}

.ser_list ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.ser_list li a {
    padding: 0.3rem 0.4rem;
    border: 1px dashed #bf7c2b;
    font-size: 1rem;
    color: #0a0e33;
    border-radius: 0.3rem;
    display: block;
    margin: 0.3rem 0.3rem;
    transition: all 0.3s;
}

.ser p {
    font-size: 1rem;
    color: #0a0e33;
    line-height: 1.5rem;
    margin: 0.5rem 0;
}

.ser .shop_button {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ser .shop_button_online,
.ser .shop_button_tel {
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    padding: 0;
    display: block;
    margin: 0.5rem auto;
}

.ser_list li:hover a {
    background-color: #bf7c2b;
    color: #fff;
    transition: all 0.3s;
}

.type {
    width: 100%;
    padding: 3rem 0;
}

.type_con {
    max-width: 1400px;
    width: 98%;
    margin: 0 auto;
}

.type_title {
    margin: 0 auto 2rem auto;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.type_title h3 {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
}

.type_title span {
    width: 4rem;
    height: 0.2rem;
    display: block;
    background-color: #bf7c2b;
    margin: 1rem auto 1rem auto;
}

.type_tabcon_list:nth-child(n+2) {
    display: none;
}

.type_tab {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 3rem;
}

.type_tab ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    flex: 1;
}

.type_tab h4 {
    font-size: 1rem;
    color: #333;
    font-weight: bold;
    margin-top: 0.4rem;
    margin-right: 1rem;
}

.type_tab li {
    padding: 0.3rem 1rem;
    background-color: #e6e6e6;
    text-align: center;
    font-size: 1rem;
    color: #333;
    border-radius: 0.3rem;
    margin: 0.3rem 1rem 0.3rem 0;
    cursor: pointer;
}

.type_current {
    background-color: #bf7c2b !important;
    color: #fff !important;
}

.type_tabcon_list_main {
    display: flex;
    justify-content: space-between;
}

.type_left {
    width: 32%;
    overflow: hidden;
}

.type_center {
    width: 32%;
    overflow: hidden;
}

.type_right {
    width: 32%;
    overflow: hidden;
}

.watch {
    padding-bottom: 3rem;
    width: 100%;
}

.watch_con {
    max-width: 1400px;
    width: 98%;
    margin: 0 auto;
}

.watch_tab {
    margin-bottom: 3rem;
}

.watch_tab ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

.watch_tab li {
    padding: 0.3rem 1rem;
    background-color: #e6e6e6;
    text-align: center;
    font-size: 1rem;
    color: #333;
    border-radius: 0.3rem;
    margin: 0.3rem 1rem 0.3rem 0;
    cursor: pointer;
}

.watch_current {
    background-color: #bf7c2b !important;
    color: #fff !important;
}

.watch_tablist_main {
    width: 67%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.watch_left {
    width: 48%;
    overflow: hidden;
}
.zzz_main:nth-child(n+2) {
    display: none;
}

.watch_tablist {
    display: flex;
    justify-content: space-between;
}

.zzz {
    display: flex;
    justify-content: space-between;
}
.watch_center {
    width: 48%;
    overflow: hidden;
}

.watch_right {
    width: 32%;
    overflow: hidden;
}

.process {
    width: 100%;
    padding: 3rem 0;
    background-color: #fafafa;
}

.process_con {
    max-width: 1400px;
    width: 98%;
    margin: 0 auto;
}

.ta {
    width: 100%;
    padding-bottom: 3rem;
}

.ta_con {
    max-width: 1400px;
    width: 98%;
    margin: 0 auto;
}

.item {
    width: 100%;
    padding: 3rem 0;
}

.item_con {
    max-width: 1400px;
    width: 98%;
    margin: 0 auto;
}

.watch_left_bottom {
    margin-top: 2rem;
}

.watch_left_bottom li {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1.5rem 0;
    transition: all 0.3s;
}

.watch_left_bottom li:hover a h3 {
    color: #bf7c2b;
    transition: all 0.3s;
}

.watch_left_bottom_img {
    width: 30%;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 22%;
}

.watch_left_bottom_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.watch_left_bottom_text {
    width: 67%;
    overflow: hidden;
}

.watch_left_bottom_text a h3 {
    font-size: 1.125rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.watch_left_bottom_text p {
    font-size: 0.8rem;
    color: #666;
    line-height: 1.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.watch_left_top {
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}

.watch_left_top:hover a h3 {
    color: #bf7c2b;
    transition: all 0.3s;
}

.watch_left_top_img {
    width: 100%;
    vertical-align: middle;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 46%;
    display: block;
}

.watch_left_top_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.watch_left_top_text a h3 {
    font-size: 1.25rem;
    color: #333;
    font-weight: bold;
    margin: 1rem 0 0.5rem 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: all 0.3s;
}

.watch_left_top_text p {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.watch_time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.8rem;
}

.watch_time i {
    color: #999;
    margin-right: 0.4rem;
    font-size: 1rem;
}

.watch_time span {
    font-size: 0.8rem;
    color: #999;
}

.type_center .watch_left_bottom {
    margin-top: 0;
}

.type_center .watch_left_bottom li {
    margin: 0 0 1.5rem 0;
}

.type_right .main_right_center {
    margin: 1rem 0 0 0;
}

.type_right .main_right_center_box {
    padding: 1rem 2rem;
}

.watch_center li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3rem;
    transition: all 0.3s;
}

.watch_center li:last-child {
    margin-bottom: 0;
}

.watch_center_time {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    margin-right: 1.3rem;
}

.watch_center_text {
    flex: 1;
}

.watch_center_time span {
    color: #111;
    font-weight: bold;
    font-size: 1.5rem;
}

.watch_center_time p {
    font-size: 0.8rem;
    color: #111;
    margin-top: 0.3rem;
}

.watch_center li:hover a h3 {
    color: #bf7c2b;
    transition: all 0.3s;
}

.watch_center_text a h3 {
    font-size: 1.125rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: all 0.3s;
}

.watch_center_text p {
    font-size: 1rem;
    color: #666;
    line-height: 1.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.watch_right {
    position: relative;
    overflow: hidden;
}

.watch_right_img {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 60%;
}

.watch_right_img img {
    width: 100%;
    vertical-align: middle;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.watch_right_table {
    border: 1px solid #e5e5e5;
    margin-top: 1rem;
}

.watch_right_table h3 {
    font-size: 1rem;
    color: #fff;
    padding: 1rem 1rem;
    text-align: center;
    margin: 0 auto;
    background-color: #000;
}

.watch_right_table li {
    padding: 1rem 1rem;
    transition: all 0.3s;
    border-bottom: 1px solid #e5e5e5;
}

.watch_right_table li:last-child {
    border-bottom: none;
}

.watch_right_table li:hover a h4 {
    color: #bf7c2b;
    transition: all 0.3s;
}

.watch_right_table_title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
}

.watch_right_table_title a {
    display: block;
    margin-right: 1rem;
}

.watch_right_table_title a h4 {
    font-size: 1.125rem;
    color: #111;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: all 0.3s;
}

.watch_right_table p {
    font-size: 0.8rem;
    color: #666;
    line-height: 1.3rem;
}

.tumo {
    display: none;
}

.tu img {
    width: 100%;
    vertical-align: middle;
}

.watch_tablist:nth-child(n+2) {
    display: none;
}

.brandlist {
    background-color: #f7f8fa;
    padding: 1rem 0 3rem 0;
    width: 100%;
}

.brandlist_con {
    max-width: 1400px;
    width: 98%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.brandlist_left {
    width: 20%;
    overflow: hidden;
}

.brandlist_right {
    width: 78%;
    overflow: hidden;
    background-color: #fff;
}

.brandlist_right_list {
    padding: 2rem;
}

.brandlist_tab li p {
    padding: 1rem;
    text-align: center;
    font-size: 1rem;
    color: #333;
    background-color: #fff;
    cursor: pointer;
}

.brandlist_small_list {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.brandlist_small_list a {
    display: block;
    margin: 0.8rem auto;
    font-size: 1rem;
    color: #666;
    text-align: center;
}

.rank_current p {
    background-color: #152e70 !important;
    color: #fff !important;
}

.brandlist_small_list {
    display: none;
}

.rank_current .brandlist_small_list {
    display: block;
}

.brandlist_right_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.brandlist_right_list ul::after {
    content: "";
    width: 24%;
}

.brandlist_right_list li {
    background-color: #f4f4f4;
    width: 24%;
    overflow: hidden;
    margin-bottom: 1.5rem;
    position: relative;
    transition: all 0.3s;
}

.brandlist_right_list li:hover {
    transition: all 0.3s;
    background-color: #1c2647;
}

.brandlist_right_list li:hover a p {
    color: #fff;
}

.brandlist_right_list li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
}

.brandlist_right_list .brand_box_img {
    width: 100%;
    height: 0;
    position: relative;
    padding-top: 80%;
    overflow: hidden;
    background-color: #fff;
}

.brandlist_right_list .brand_box_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    width: auto !important;
    margin: 0 auto;
    height: auto !important;
    vertical-align: middle;
}

.brandlist_right_list li a p {
    font-size: 1rem;
    font-weight: bold;
    color: #000;
    margin-top: 1rem;
    text-align: center;
    text-transform: uppercase;
}

.brandlist_small_list a:hover {
    color: #152e70;
    transition: all 0.3s;
    font-weight: bold;
}

.brandlist_small_list_cur {
    color: #152e70 !important;
    font-weight: bold;
}

.ta_top {
    background-color: #f3f3f3;
    padding: 1.5rem 3rem;
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ta_top_input {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60%;
}

.ta_top_input .main_right_center_input {
    margin: 0 0.4rem;
}

.ta_top_button {
    width: 15%;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    background-color: #152e70;
    color: #fff;
    border-radius: 0.3rem;
    border: none;
    outline: none;
    cursor: pointer;
    margin-left: -10rem;
}

.ta_main {
    display: flex;
    justify-content: space-between;
}

.ta_left {
    width: 32%;
    overflow: hidden;
    position: relative;
    transition: all 0.3s;
}

.ta_center {
    width: 32%;
    overflow: hidden;
    position: relative;
}

.ta_right {
    width: 32%;
    overflow: hidden;
    position: relative;
}

.ta_left_img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 56%;
    display: block;
}

.ta_left_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.ta_left:hover a h3 {
    color: #bf7c2b;
    transition: all 0.3s;
}

.ta_left_text a h3 {
    font-size: 1.25rem;
    margin: 1rem 0 0.5rem 0;
    color: #333;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.ta_left_text p {
    font-size: 1rem;
    color: #666;
    margin: 0.3rem 0;
}

.ta_left_text .repeat_span {
    margin-top: 1rem;
}

.ta_center .repeat li {
    margin: 0 0 1rem 0;
}

.ta_right .repeat li {
    margin: 0 0 1rem 0;
}

input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;
    outline: 0 !important;
    line-height: 20px;
    color: #d8d8d8;
}

input[type=checkbox]:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    /* border-radius: 50%; */
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #bf7c2b;
    background-color: #fafafa;
    box-sizing: border-box;
}

input[type=checkbox]:checked:after {
    content: "\e70d";
    font-family: "iconfont";
    margin-left: -0.1rem;
    /* transform: matrix(-0.766044, -0.642788, -0.642788, 0.766044, 0, 0);
    -webkit-transform: matrix(-0.766044, -0.642788, -0.642788, 0.766044, 0, 0); */
    border-color: #bf7c2b;
    background-color: #bf7c2b;
}

.ta_top_box label {
    margin-right: 1.5rem;
    color: #bf7c2b;
}

.ta_top_box label input {
    margin-top: -0.1rem;
    margin-left: 0.2rem;
}

.item_con {
    display: flex;
    justify-content: space-between;
}

.item_left {
    width: 36.7%;
    position: relative;
    overflow: hidden;
}

.item_left_img {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 87%;
}

.item_left_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.item_list {
    width: 62%;
    overflow: hidden;
}

.item_left_list {
    padding: 1rem;
    background-color: #fff;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
    margin-top: 1rem;
    margin: 0.8rem 0.4rem;
}

.item_left_list ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.item_left_list li {
    width: 24%;
    overflow: hidden;
    position: relative;
}

.item_left_list_img {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 133%;
}

.item_left_list_img img {
    max-width: 100%;
    vertical-align: middle;
    display: block;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.item_left_list h3 {
    font-size: 1.125rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.item_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.item_list ul::after {
    content: "";
    width: 32%;
}

.item_list li {
    width: 32%;
    overflow: hidden;
    margin-bottom: 1rem;
    position: relative;
    transition: all 0.3s;
}

.itemimg {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 122%;
    display: block;
}

.itemimg img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.item_list_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s;
}

.item_list_text h3 {
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
}

.item_list_text span {
    display: block;
    width: 2rem;
    height: 0.2rem;
    background-color: #fff;
    margin: 1rem 0;
    transition: all 0.5s;
    display: none;
}

.item_list_text p {
    text-align: center;
    font-size: 0.8rem;
    color: #fff;
    line-height: 1.5rem;
    transition: all 0.5s;
    display: none;
}

.item_list li:hover .item_list_text span {
    display: block;
    transition: all 0.5s;
}

.item_list li:hover .item_list_text p {
    display: block;
    transition: all 0.5s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.pro_tab {
    display: flex;
    justify-content: center;
    width: 50%;
    margin: 0 auto 3rem auto;
    align-items: center;
}

.pro_tablist:nth-child(n+2) {
    display: none;
}

.pro_tab_li {
    width: 50%;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    position: relative;
    background-color: #fafafa;
    border: 1px solid #bf7c2b;
    font-size: 1.25rem;
    color: #bf7c2b;
    margin: 0 1.5rem;
    cursor: pointer;
}

.pro_tab span {
    display: block;
}

.pro_current {
    background-color: #bf7c2b !important;
    color: #fff !important;
}

.process_con i {
    color: #bf7c2b;
    font-size: 3rem;
    position: relative;
    bottom: 1.2rem;
    left: 0;
    transform: translateX(-50%);
    opacity: 0;
}

.pro_current i {
    opacity: 1;
}
.mySwiper4 {
    height: 80%;
    width: 100%;
}
.mySwiper3 .swiper-slide {
    width: 25%;
    height: 100%;
}

.mySwiper3 .swiper-slide-thumb-active .but b {
    opacity: 1;
}
.mySwiper3 {
    height: 20%;
    box-sizing: border-box;
    padding: 0rem 0 4rem 0;
}
.swiper {
    width: 100%;
    height: 100%; overflow:hidden;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper {
    width: 100%;
    /*height: 300px;*/
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
    background: none;
}

.mySwiper2 {
    height: 80%;
    width: 100%;
}

.mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 0rem 0 4rem 0;
}

.mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
}

.mySwiper .swiper-slide-thumb-active .but b {
    opacity: 1;
}

.pro_tablist {
    overflow: hidden;
}

.zl {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.zl p {
    font-size: 1.125rem;
    color: #333;
    margin-bottom: 2rem;
}

.zl span {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #132c70;
    display: block;
    cursor: pointer;
    position: relative;
}

.line {
    width: 87%;
    height: 0.1rem;
    background-color: #e5e5e5;
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translateX(-50%);
}

.but b {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: 1px solid #132c70;
    position: absolute;
    top: 89%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pro_tabcon {
    padding: 4rem 0 1rem 0;
}

.pro_tablist_main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.pro_tablist_img {
    width: 40%;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 31%;
}

.pro_tablist_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.pro_tablist_text {
    width: 57%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.pro_tablist_text h3 {
    font-size: 1.125rem;
    color: #707070;
    text-transform: uppercase;
}

.pro_tablist_text span {
    width: 9rem;
    height: 0.1rem;
    display: block;
    background-color: #ccc;
    margin: 1rem 0 2rem 0;
}

.pro_tablist_text h4 {
    font-size: 2rem;
    color: #707070;
    margin-bottom: 1rem;
}

.pro_tablist_text p {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #707070;
}

.pro_tabcon .swiper-container {
    padding-top: 6rem;
}

.banner {
    width: 100%;
}

.banner_img img {
    width: 100%;
    vertical-align: middle;
}

.llnav {
    width: 100%;
    background-color: #575757;
}

.llnav_con {
    max-width: 1400px;
    width: 98%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.llnav_main {
    width: 20%;
    overflow: hidden;
}

.llnav_button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #323232;
    height: 3rem;
    color: #fff;
    cursor: pointer;
}

.llnav_button p {
    font-size: 1rem;
    margin: 0 1rem 0 0.5rem;
}

.llnav_button i {
    font-size: 0.8rem;
    margin-top: 0.2rem;
}

.llnav .navlist_con {
    width: 62%;
    overflow: hidden;
}

.pose_main {
    max-width: 1400px;
    width: 98%;
    margin: 0 auto;
    position: absolute;
    top: 3rem;
    left: 0;
    z-index: 9999;
}

.pose {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.llnav_list {
    background: #737373;
    width: 20.5%;
}

.llnav_list .llnav_list_box {
    padding: 1.2rem 1rem;
    border-bottom: 1px solid #7e7e7e;
    cursor: pointer;
    position: relative;
}

.jiantou {
    width: 1rem;
    height: 100%;
    background-color: #3f3f3f;
    position: absolute;
    right: 0;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    opacity: 0;
}

.jiantou i {
    color: #fff;
    line-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.llnav_list .llnav_list_box:last-child {
    border-bottom: none;
}

.llnav_list h3 {
    font-size: 1.125rem;
    color: #bf7c2b;
    font-weight: bold;
    margin-bottom: 0.3rem;
}

.llnav_list_li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.llnav_list_li a {
    font-size: 0.8rem;
    color: #fff;
    margin: 0.4rem 0.5rem 0 0;
}

.llnav_brand_main {
    width: 65%;
    background-color: #fff;
}

.llnav_brand_main_li {
    /* padding: 2rem; */
    height: 500px;
    overflow-y: auto;
}

.llnav_brand_main_li {
    display: none;
}

.llnav_current .jiantou {
    opacity: 1 !important;
}

.llnav_brand_main_li::-webkit-scrollbar {
    width: 8px;
}

.llnav_brand_main_li::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.llnav_brand_main_li::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.pose_main {
    display: none;
}

#city {
    position: relative;
    transition: all 0.3s;
}

#city:hover .city_box {
    display: flex;
    transition: all 0.3s;
}

.city_box {
    position: absolute;
    top: 15px;
    left: 0;
    width: 650px;
    height: 200px;
    overflow-y: auto;
    background-color: #fff;
    display: none;
    z-index: 999999;
    transition: all 0.3s;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
}

.city_box::-webkit-scrollbar {
    width: 6px;
    border-radius: 20px;
    background-color: #fff;
}

.city_box::-webkit-scrollbar-thumb {
    height: 30px;
    background-color: #ccc;
    border-radius: 30px;
}

.current_city {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 2rem;
}

.current_city h5 {
    color: #0a0e33;
    font-size: 16px;
    font-weight: bold;
}

.current_city a {
    color: #2433e4;
    font-size: 16px;
    height: 0 !important;
}

.hot_city {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.hot_city h5 {
    color: #0a0e33;
    font-weight: bold;
    font-size: 16px;
}

.hot_city a {
    margin: 10px 10px 10px 0;
    font-size: 16px;
    color: #0a0e33;
    height: 0 !important;
}

.quick_city {
    margin-top: 20px;
}

.tab-nav {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.tab-con {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.quick_city .tab-nav a {
    margin-right: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #0a0e33;
    margin-bottom: 10px;
}

.tab-con-item {
    display: none;
}

.quick_city h5 {
    color: #0a0e33;
    font-size: 16px;
    margin-bottom: 35px;
    height: 0 !important;
    font-weight: bold;
}

.tab-nav a.current {
    color: #2433e4;
    font-weight: bold;
}

.tab-con .tab-con-item_box a {
    font-size: 16px;
    color: #0a0e33;
    margin-right: 20px;
    height: 30px;
}

.tab-con-item_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.header_left_tips {
    cursor: pointer;
}

.hot_city a:hover {
    color: #2433e4;
}

.tab-con-item_box a:hover {
    color: #2433e4;
}

.aside {
    position: fixed;
    top: 45%;
    right: 0;
    transform: translateY(-45%);
    z-index: 999;
}

.aside li {
    margin-bottom: 1rem;
    width: 100%;
}

.aside li a {
    border: 1px solid #a66b42;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #fff;
}

.aside_icon {
    text-align: center;
    padding: 0.5rem 1rem;
    width: 20%;
}

.aside_icon i {
    font-size: 2rem;
    color: #a66b42;
    text-align: center;
}

.aside_text {
    padding: 0.5rem 1rem;
    width: 80%;
    background-color: #a66b42;
}

.aside_text h3 {
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
}

.aside_text p {
    font-size: 0.8rem;
    color: #fff;
    text-transform: uppercase;
    margin-top: 0.3rem;
    letter-spacing: 1px;
}

.llnav_button b {
    color: #fff;
    margin-right: 0.3rem;
}

.mobile_call {
    display: none;
}
.brandlist_right_title{display:none;}
.pinpai{ display:none;}
.mobil_call{ display:none;}
.fuwu_youshi{ display:none;}
.fuwu_biaozhun{ display:none;}
.pinpai_move{ display:none}
@media screen and (max-width: 768px) {
    .pinpai_move{display:block;}
    .brandlist_right_list_pc{ display:none;}
    .phone_list_nav {
        display: block;
    }
    .telphone {
        display: none;
    }
    .search {
        display: none;
    }
    .navlist {
        display: none;
    }
    .nav{ background:#111;}
    .look_con{ display:none;}
    .phone_list_nav .phone_btn .btn span{ background:#fff;}
    .main_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .main_left {
        width: 100%;
        margin: 0 auto;
    }
    .content {
        padding: 2rem 0.8rem;
    }
    .aside {
        display: none;
    }
    .main_right {
        width: 100%;
        margin: 1rem auto 0 auto;
    }
    .link {
        display: none;
    }
    .footer_main {
        flex-wrap: wrap;
        flex-direction: column;
       
    }

    .footer_logo {
        margin: 0 auto;
        text-align: center; display:none;
    }
    .footer_phone {
        padding-left: 0; display:none;
        border-left: none;
        width: 100%;
        margin: 2rem 0;
    }
    .footer_nav {
        width: 98%;
        margin: 0 auto 2rem auto;
    }
    .footer_nav_ul li {
        width: auto;
        margin: 0.3rem 1rem 0.3rem 0;
    }
    .footer_nav_ul ul {
        justify-content: flex-start;
    }
    .footer_nav span{ display:none;}
    .copyrights_con p{ font-size:.87rem;}
    .footer_nav{ margin:0;}
    .footer{padding:1.0rem 0;}
    .footer_nav_ul ul li:nth-child(1){ display:none;}
    .footer_nav_ul ul li:nth-child(5){ display:none;}
    .footer_nav_ul ul li:nth-child(6){ display:none;}
     .footer_nav_ul ul li:nth-child(8){ display:none;}
    .footer_nav_ul ul{ justify-content:space-between; margin:0 1.0rem;}
    .footer_nav_ul li a{ font-size:1.0rem; color:#fff;}
    .footer_nav_ul li{ margin:0;}
    .type_tab{ flex-wrap:wrap;}
    .type_tab h4{ margin-right:0; width:100%;}
    .type_tab li{ padding:.3rem .5rem; margin-right:.4rem;}
    .footer_way {
        width: 100%; display:none;
    }
    .ma {
        display: none;
    }
    .header_right {
        display: none;
    }
    .nav {
        padding: 1rem 0;
    }
    .main {
        padding: 0 0 3rem 0;
    }
    .smallnav_con {
        flex-wrap: wrap;
    }
    .look_con {
        background-size: auto 100%;
    }
    .look {
        padding: 1rem 0.8rem;
    }
    .hot {
        padding: 1rem 0.8rem;
    }
    .hot_box li {
        width: 100%;
        margin-bottom: 1rem;
    }
    .brand_box {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .brand_img {
        width: 98%;
        padding-top: 75%;
        margin: 0 auto;
    }
    .brand_text {
        width: 98%;
        margin: 1rem auto 0 auto;
    }
    .brand_back {
        background-size: auto 100%;
        padding: 1rem 0.8rem;
    }
    .brand_back p {
        font-size: 1.5rem;
        text-align: center;
    }
    .brandnews {
        padding: 1rem 0.8rem;
    }
    .brandnews_span {
        flex-wrap: wrap; display:none;
    }
    .yema li {
        margin: 1rem;
    }
    .yema p {
        margin-bottom: 1rem;
    }
    .yema ul {
        margin-left: 0;
    }
    .main_left_main {
        padding: 1rem 0.8rem;
    }
    .main_left_box_text p {
        -webkit-line-clamp: 2;
    }
    .new_top {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .new_top_left {
        width: 98%;
        margin: 0 auto;
    }
    .new_top_right {
        width: 98%;
        margin: 2rem auto 0 auto;
    }
    .new_top_right_list li {
        margin-bottom: 2rem;
    }
    .new_center {
        width: 98%;
        margin: 2rem auto;
    }
    .new_bottom {
        width: 98%;
        margin: 0 auto;
    }
    .new_bottom_list li {
        width: 98%;
        margin: 0 auto 2rem auto;
    }
    .new_bottom_list_text p {
        -webkit-line-clamp: 2;
    }
    .cate_box {
        padding: 1rem 0.8rem;
    }
    .cate_list li a {
        margin:.5rem .3rem;
    }
    .gu {
        padding: 1rem 0.8rem;
    }
    .gu_list li {
        flex-direction: column;
        align-items: center;
    }
    .gu_text {
        width: 98%;
        margin: 1rem auto 0 auto;
    }
    .gu_title a {
        flex: 1;
    }
    .gu_img {
        width: 100%;
        padding-top: 52%;
    }
    .ji {
        padding: 1rem 0.8rem;
    }
    .ji_list ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .ji_list li {
        width: 48%;
        overflow: hidden;
        flex-direction: column;
        align-items: center;
    }
    .ji_list_text {
        width: 98%;
        margin: 1rem auto 0 auto;
    }
    .ji_list_img {
        width: 100%;
        padding-top: 85%;
    }
    .ji_list .main_right_copy_tag div {
        margin: 0 1rem 0.4rem 0;
    }
    .ji_btn {
        width: 80%;
        margin: 1rem auto 0 auto;
    }
    .ji_title a {
        flex: 1;
    }
    .smallnav_box .main_left_city_box {
        display: none;
    }
    .shop_top {
        padding: 1rem 0.8rem;
    }
    .shop_top_main {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .shop_top_main_img {
        width: 100%;
        padding-top: 80%;
    }
    .shop_top_main_text {
        width: 98%;
        margin: 1rem auto 0 auto;
    }
    .shop_bottom {
        padding: 1rem 0.8rem;
    }
    .shop_main {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .shop_text {
        width: 98%;
        margin: 1rem auto 0 auto;
    }
    .shop_img {
        width: 100%;
        padding-top: 50%;
    }
    .brandlist_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .brandlist_left {
        width: 98%;
        margin: 0 auto; display:none;
    }
    .brandlist_right {
        width: 98%;
        margin: 1rem auto 0 auto;
    }
    .brandlist_right_list {
        padding: 1rem 0.8rem;
    }
    .brandlist_right_list li {
        width: 24%; background:none;
    }
   .brandlist_right_list li{ margin-bottom:.5rem;}
    .brandlist_right_list li a{ padding:.5rem; background:#fff;}
    .brandlist_right_list li a p{margin-top:0rem;}
    .brandlist_right_list ul::after {
        content: "";
        width: 32%;
    }
    .brandlist_right_list{ padding:0; background:none;}
    .brandlist_right{background:none;}
    .header_con {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .header_left_tips:nth-child(-n+2) {
        display: none;
    }
    .mobile_call {
        display: block;
    }
    .mobile_call {
        position: fixed;
        bottom: 0;
        left: 50%;
        transform:translateX(-50%);
        background-color: #bf7c2b;
        padding: 1rem 0;
        width:98%;
        margin:0 auto;
        z-index: 9999;
        border-radius: 1rem;
        overflow: hidden;
    }
    .mobile_call_box {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
    }
    .mobile_call_box span {
        font-family: "impact";
        font-size: 1.8rem;
    }
    .mobile_call_box i {
        font-size: 2rem;
        margin-right: 0.8rem;
    }
    .copyrights {
        padding: 1rem 0 5.2rem 0;
    }
    .watch_tablist_main {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .watch_left {
        width: 98%;
        margin: 0 auto;
    }
    .watch_center {
        width: 98%;
        margin: 2rem auto;
    }
    .watch_right {
        width: 98%;
        margin: 0 auto;
    }
    .watch_tab {
        margin-bottom: 2rem;
    }
    .type_tabcon_list_main {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .type_left {
        width: 98%;
        margin: 0 auto;
    }
    .type_center {
        width: 98%;
        margin: 2rem auto;
    }
    .type_right {
        width: 98%;
        margin: 0 auto;
    }
    .tumo {
        display: block;
    }
    .tupc {
        display: none;
    }
    .pro_tab {
        width: 100%;
    }
    .llnav .navlist_con {
        display: none;
    }
    .llnav_main {
        width: 100%;
    }
    .ta_main {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .ta_left {
        width: 98%;
        margin: 0 auto;
    }
    .ta_center {
        width: 98%;
        margin: 2rem auto 0 auto;
    }
    .ta_right {
        width: 98%;
        margin: 0 auto;
    }
    .ta_top {
        padding: 1rem 0.8rem;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
    .ta_top_box {
        width: 98%;
        margin: 0 auto;
        text-align: center;
    }
    .ta_top_input {
        margin: 1rem auto;
        width: 98%;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .ta_top_button {
        width: 50%;
        margin: 0 auto;
    }
    .ta_top_input .main_right_center_input {
        margin: 0.4rem 0;
    }
    .type_title h3 {
        text-align: center;
    }
    .line {
        display: none;
    }
    .pro_tablist_main {
        flex-wrap: wrap;
        flex-direction: column;
        width: 70%;
    }
    .pro_tablist_img {
        width: 100%;
        padding-top: 75%;
    }
    .pro_tablist_text {
        width: 100%;
        margin: 2rem auto 0 auto;
    }
    .pro_tablist_text h4 {
        font-size: 1.5rem;
    }
    .mySwiper .swiper-wrapper {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: flex-end;
    }
    .mySwiper .swiper-slide {
        width: 20% !important;
        margin: 1rem 0;
    }
    .but b {
        top: 90%;
    }
    .pro_tabcon {
        padding: 1rem 0;
    }
    .item_con {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .item_left {
        width: 98%;
        margin: 0 auto;
    }
    .item_list {
        width: 98%;
        margin: 0 auto 1rem auto;
    }
    .item_list li {
        width: 48%;
    }
    .item_list_text p {
        display: block !important;
        margin-top: 0.8rem;
    }
    .item_list_text {
        width: 80%;
        margin: 0 auto;
    }
    .pose {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .llnav_list {
        width: 98%;
        margin: 0 auto;
    }
    .llnav_brand_main {
        width: 98%;
        margin: 0 auto;
    }
    .llnav_brand_main_li {
        padding: 0;
    }
    .mySwiper {
        padding: 0 0 2rem 0;
    }
    .watch_tablist{
        flex-wrap:wrap;
        flex-direction:column;
    }
    .watch_tablist_main{
        width:98%;
        flex-wrap:wrap;
        flex-direction:column;
    }
    .zzz {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .header{display:none;}
    .logo img{ height:3.0rem;}
    .look_con .look_h3{ font-size:1.6rem;}
    .look_con .look_h3:nth-child(1){ display:none;}
    .look_con{ padding:1.0rem 2.0rem;}
    .brandlist_right_list .brand_box_img{ padding-top:70%;}
    .brandlist_right_title{ display:block; font-size:1.6rem; font-weight:bold; margin-top:1.6rem;}
    .brandlist_right_title_icon{ width:2.6rem;height:2.6rem; background:#000 url(../images/img_40.png) no-repeat 50% 50%; background-size:1.5rem 1.5rem; border-radius:50%; margin-right:1.0rem}
    .brandlist_right_title a{ display:flex; align-items:center;}
    .brandlist{ padding-top:0;}
    .brand_img{ display:none;}
    .pinpai_banner{ display:block}
    .pinpai_banner .swiper-container-horizontal > .swiper-pagination-progressbar {
        bottom: 0;
        top: auto;
    }
    .pinpai_banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #a66b42
    }
    .brand_text h4{ font-size:1.4rem;}
    .brandnews_title h3{ font-size:1.4rem;}
    .brandnews_list li{ margin-bottom:1.2rem;}
    .brandnews_list li a h5{ margin-bottom:.3rem; font-size:1.0rem;}
    .brandnews_list p{ font-size:.87rem; line-height:1.4rem; text-indent:0;}
    .brandnews_title{ margin-bottom:1.0rem;}
    .brand_back{background:linear-gradient(to left,#E7C59E,#D5A770); border-radius:.4rem; color:#5c3520}
    .brand_box{ margin-bottom:1.0rem;}
    .brand_back p{ text-shadow:none;}
    .pinpai {
        background: #f7f8fa; padding-bottom:1.0rem; display:block;
    }
    .look_h4{ display:none;}
    .look_div{ padding:1.0rem; background:linear-gradient(to left,#E7C59E,#D5A770); border-radius:.4rem; color:#5c3520; height:2.0rem; line-height:2.0rem; margin-top:.6rem; text-align:center; font-size:1.1rem;}
    .pinpai_title{ text-align:center;}
    .pinpai_title h3{ font-size:1.6rem; color:#222}
    .pinpai_title h4{ font-size:.87rem; color:#666}
    .pinpai_title h5{ width:5.0rem; height:.2rem; background:#a66b42; margin:.6rem auto 0 auto}
    .pinpai_tad{ display:flex; border-bottom:.1rem solid #111}
    .pinpai_tad div{ width:50%; font-size:1.0rem; text-align:center; margin-top:1.0rem; padding-bottom:.4rem}
    .pinpai_tad .pinpai_tad_curr{ border-bottom:.2rem solid #a66b42;}
    .pinpai_content{}
    .pinpai_content_text{display:none;}
    .pinpai_leixing_list{ border-bottom:1px solid #111; padding:1.0rem 2.0rem}
    .pinpai_leixing_title{ height:2.0rem; color:#111; font-size:1.0rem; line-height:2.0rem; display:flex;align-items:center;}
    .pinpai_leixing_title img{ width:20px; display:block; margin-right:14px; flex:0; height:20px}
    .pinpai_leixing_text{ font-size:.87rem; color:#111; line-height:1.4rem; display:none; color:#666; margin-top:8px;}
    .pinpai_content_text_title{ font-size:1.2rem; font-weight:bold; color:#111; margin:1.0rem 2.0rem;}
    .pinpai_leixing_list_curr .pinpai_leixing_text {
        display: block !important
    }
    .pinpai_baoyang_text{margin:.5rem 2.0rem; font-size:.87rem; color:#666; line-height:1.4rem;}
    .pinpai_baoyang_title{margin:.5rem 2.0rem; font-size:1.0rem; color:#111;}
    .mobil_call{ position:fixed; bottom:0; left:0; width:100%; height:4.0rem; background:#111; display:flex; align-items:center;}
    .mobil_call a{ flex:1; display:flex; align-items:center; justify-content:center;}
    .mobil_call_div{ height:40%; width:2px; background:#fff;}
    .mobil_call_text{ color:#fff; font-size:.87rem;}
    .mobil_call_img{ width:2rem; margin-right:.8rem;}
    .mobil_call_img img{ width:100%;}
    .main_right_bottom{ display:none;}
    .fuwu_youshi{ display:flex; justify-content:space-between; width:96%; margin:0 auto; margin-top:1.0rem;}
    .fuwu_youshi_list{ width:32%; background:#fafafa; border-radius:.2rem; padding:1.0rem 0}
    .fuwu_youshi_list img{ display:block; margin:0 auto; width:2.4rem}
    .fuwu_youshi_list p{ font-size:1.0rem; margin-top:.6rem; color:#333; text-align:center;}
    .fuwu_biaozhun{ width:96%; margin:0 auto; margin-top:1.0rem; background:#fafafa; padding:1.4rem 0; display:block;}
    .fuwu_biaozhun_title{ text-align:center}
    .fuwu_biaozhun_title h3{ font-size:1.2rem; font-weight:bold;}
    .fuwu_biaozhun_title h4{ font-size:.87rem;}
    .fuwu_biaozhun_title h5{ width:2.0rem; height:.1rem; margin:1.0rem auto 0 auto; background:#a18445}
    .fuwu_biaozhun_text{ font-size:.87rem; color:#333; margin:.8rem 1.0rem 0}
    .fuwu_biaozhun_tel{ text-align:center; text-decoration:underline;margin-top:.6rem;}
    .fuwu_biaozhun_tel a{ display:flex; align-items:center; justify-content:center;}
    .fuwu_biaozhun_tel img{ width:1.4rem; display:block; margin-left:.5rem;}
    .fuwu_biaozhun_list{ margin:1.0rem 1.0rem 0 1.0rem;}
    .fuwu_biaozhun_list_title{ background:#fff; padding:.8rem 1.0rem; font-size:1.1rem; display:flex; align-items:center; border-bottom:1px solid #ebebeb}
    .fuwu_biaozhun_list_title img{ width:1.3rem; display:block; margin-right:.6rem;}
    .fuwu_biaozhun_list_text{ padding-bottom:1.0rem; background:url(../images/img_c_1.jpg) no-repeat 50% 50%; background-size:100%;  display:none; color:#fff;}
    .fuwu_biaozhun_list_text ul{ display:flex; justify-content:center; flex-wrap:wrap;}
    .fuwu_biaozhun_list_text ul li{ margin:1rem 2.0rem 0 2.0rem;}
    .fuwu_biaozhun_list_text ul li a{ text-decoration:underline; font-size:.87rem; color:#fff;}
    .fuwu_biaozhun_list_tel{ margin-top:1.4rem;text-decoration:underline; text-align:center;}
    .fuwu_biaozhun_list_tel a{ display:flex; align-items:center; justify-content:center; color:#fff;}
    .fuwu_biaozhun_list_tel img{ width:1.4rem; display:block; margin-left:.5rem;}
    .fuwu_biaozhun_list_curr .fuwu_biaozhun_list_text{ display:block;}
    .logo_pc{ display:none}
    .logo_move{display:block;}
    .nav_con{justify-content:center}
}